@charset "utf-8";

/* workarounds and hacks */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/**/
.clearfix {
  clear: both;
} 

/**
 * body
 */
body {
  background-color: #ffffff;
  border-top: 5px solid #dddddd;
  color: #333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

a:hover {
  color: #cc0000;
  text-decoration: underline;
}

a img {
  border: 0;
}

/**
 * #wrapper
 */
#wrapper {
  margin: 0pt auto;
  width: 740px;
}

/**
 * #header
 */
#header {
  padding: .4em 0 2em 0;
}

#header h1 {
  color: #000000;
  font-size: 1.8em;
  font-weight: bold;
  margin: 0 20px 0 0;
  float: left;
}

/**
 * #menubar
 */
#menubar {
  margin: 0;
  padding: 0;
  float: left;
}

/**
 * #menubar
 */
#menubar h2 {
  font-size: 1.3em;
  font-weight: bold;
  margin: .4em 15px 0 0;
  float: left;
}

/**
 * #toolbar
 */
#toolbar {
  text-align: right;
  margin: 0;
  padding: 0;
}

#toolbar span {
  background-repeat: no-repeat;
  background-position: left center;
  font-size: .8em;
  margin: 0 4px 0 0;
  padding: 2px 0 2px 18px; /*16+2px*/
}

#toolbar span.online {
  background-image: url(/images/icons/status_online.png);
}

#toolbar span.offline {
  background-image: url(/images/icons/status_offline.png);
}

#toolbar span.signup {
  background-image: url(/images/icons/user_add.png);
}

#toolbar span.signin {
  background-image: url(/images/icons/door_in.png);
}

#toolbar span.signout {
  background-image: url(/images/icons/door_out.png);
}

#toolbar span.account {
  background-image: url(/images/icons/user_edit.png);
}

#toolbar span.help {
  background-image: url(/images/icons/help.png);
}

/**
 * #breadcrumbs
 */
#breadcrumbs {
  margin: 0 0 1em 0;
  padding: 0;
}

#breadcrumbs span {
  font-size: .8em;
  margin: 0 2px 0 0;
}

/**
 * #body
 */
#body {
  padding: 0 0 .7em 0;

  /*http://www.hackszine.com/blog/archive/2008/03/easiest_crossbrowser_css_minhe.html*/
  min-height: 300px;
  height: auto !important;
  height: 300px;
}

/**
 * #footer
 */
#footer {
  border-top: 1px solid #dddddd;
  padding: .7em 0 0 0;
  margin: 0 0 .7em 0;
}

#footer ul {
/*border: 1px dotted #333;*/
  margin: 0 10px .7em  0;
  padding: 0;
  width: 170px;/*175*/
  float: left;
}

#footer li {
  font-size: .8em;
  margin: 0 0 4px 0;
  list-style-type: none;
}

#footer address {
  font-size: .8em;
  font-style: normal;
  margin: 0;
}

/**
 * #content
 */
#content {
  width: 530px;
  float: left;
  margin: 0 10px .7em 0;
}

#content h1 {
  color: #000000;
  font-size: 1.6em;
  margin: .4em 0 .7em 0;
}

#content h2 {
  color: #000000;
  font-size: 1.3em;
  margin: 1em 0 .7em 0;
}

#content h3 {
  color: #000000;
  font-size: 1em;
  margin: .7em 0;
}

#content p {
  line-height: 1.6em;
  margin: .7em 0;
}

/*
#content em {
  color: #cc0000;
  font-style: normal;
}
*/

#content pre {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin: .7em 10px;
  padding: .7em 10px;
}

#content img.qr {
  border: 1px solid #dddddd;
  vertical-align: middle;
  margin: 0 10px;
}

#content .small {
  font-size: .8em;
}

#content .large {
  font-size: 1.3em;
}

/**
 * #content .indicator
 */
#content .indicator {
  background-image: url(/images/indicator.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding: 0 20px 0 0;
}

/**
 * #content form
 */
#content form {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin: 1.3em 10px;
  padding: .4em 10px;
}

#content form div.message {
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(/images/icons/exclamation.png);
  color: #cc0000;
  line-height: 1.3em;
  margin: .4em 0;
  padding: 0 0 0 20px;
}

#content form img {
/*border: 1px solid #dddddd;*/
  vertical-align: middle;
}

#content form div.toolbar {
  text-align: right;
  margin: 0;
  padding: 0;
}

#content form div.toolbar span {
  background-repeat: no-repeat;
  background-position: left center;
  font-size: .8em;
  margin: 0 0 0 2px;
  padding: 2px 0 2px 18px; /*16+2px*/
}

#content form div.toolbar span.picture {
  background-image: url(/images/icons/picture.png);
}

#content form div.toolbar span.password {
  background-image: url(/images/icons/key.png);
}

#content form div.toolbar span.signdown {
  background-image: url(/images/icons/user_delete.png);
}

#content form div.widget {
  margin: .7em 0;
}

#content form div.label {
  font-size: .8em;
  font-weight: bold;
  margin: 0 0 .1em 0;
}

#content form div.label em {
  color: #cc0000;
  font-weight: bold;
  margin: 0 2px;
}

#content form input,
#content form textarea {
  font-size: .8em;
}

.chrome #content form textarea {
  font-size: 1em;
}

#content form input.text,
#content form textarea {
  border: 1px solid #7e9db9;
  margin: 2px 0;
  padding: 2px 4px;
}

#content form input.button {
  margin: 2px 0;
  padding: 0 4px;
}

#content form textarea.note {
  width: 480px;
}

#content form textarea.readonly {
  border: 1px solid #dddddd;
}

#content form div.note {
  font-size: .8em;
  margin: 4px 0 2px 0;
}

/**
 * #pager pager
 */
#pager {
  margin: .7em 10px;
  padding: 4px 0;
}

#pager span {
  padding: 4px;
  margin: 0 5px 0 0;
}

#pager span.link {
  border: 1px solid #dddddd;
}

#pager span.visited {
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
}

/**
 * #sidebar
 */ 
#sidebar {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin: 0 0 .7em 0;
  padding: 0;
  width: /*200px*/196px;
  float: left;
}

#sidebar h3 {
  font-size: .8em;
  margin: .4em 0;
  padding: 0;
}

#sidebar p {
  font-size: .8em;
  margin: .7em 0;
}

/**
 * #sidebar div.widget
 */
#sidebar div.widget {
  margin: .7em 0 1em 0;
}

/**
 * #sidebar div.user
 */
#sidebar div.user {
}

#sidebar div.user div.content {
  border: 1px solid #dddddd;
  border-radius: 5px;
  font-size: .8em;
  line-height: 1.3em;
  margin: 0;
  padding: 5px 10px;
  
  /*http://www.hackszine.com/blog/archive/2008/03/easiest_crossbrowser_css_minhe.html*/
  min-height: 100px;
  height: auto !important;
  height: 100px;
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#sidebar div.user div.menubar {
  background-image: url(/images/say.gif);
  background-repeat: no-repeat;
  font-size: .8em;
  text-align: right;
  line-height: 24px;
  margin: 0 0 5px 0;
  padding: 0 10px;
  top: -1px;
  left: 0;
  height: 24px;
  position: relative;
}

#sidebar div.user div.menubar span {
  background-repeat: no-repeat;
  background-position: left center;
  padding: 2px 0 2px 18px; /*16+2px*/
}

#sidebar div.user div.menubar span.edit {
  background-image: url(/images/icons/user_edit.png);
}

#sidebar div.user div.menubar span.trust {
/*background-image: url(/images/icons/group.png);*/
}

#sidebar div.user div.menubar span.distrust {
  background-image: url(/images/icons/group.png);
}

#sidebar div.user div.groupbar span {
  font-size: .8em;
}

#sidebar div.user div.groupbar img {
  vertical-align: middle;
  margin: 0 5px 0 0;
}

/**
 * #users
 */
#users {
  margin: 0;
  padding: 0;
}
 
#users div.user {
  margin: .7em 0;
  padding: 0 10px;
  width: 156px; /*157.5px*/
  height: 173px;
  float: left;
  overflow: hidden;
}

#users div.user div.content {
  border: 1px solid #dddddd;
  border-radius: 5px;
  font-size: .8em;
  line-height: 1.3em;
  margin: 0;
  padding: 5px 10px;
  height: 100px;
  overflow: auto; /*hidden;*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#users div.user div.menubar {
  background-image: url(/images/say.gif);
  background-repeat: no-repeat;
  font-size: .8em;
  text-align: right;
  line-height: 24px;
  margin: 0 0 5px 0;
  padding: 0 10px;
  top: -1px;
  left: 0;
  height: 24px;
  position: relative;
}

#users div.user div.menubar span {
  background-repeat: no-repeat;
  background-position: left center;
  padding: 2px 0 2px 18px; /*16+2px*/
}

#users div.user div.menubar span.edit {
  background-image: url(/images/icons/user_edit.png);
}

#users div.user div.menubar span.trust {
/*background-image: url(/images/icons/group_add.png);*/
}

#users div.user div.menubar span.distrust {
  background-image: url(/images/icons/group.png);
}

#users div.user div.groupbar span {
  font-size: .8em;
}

#users div.user div.groupbar img {
  vertical-align: middle;
  margin: 0 5px 0 0;
}

/**
 * #subscribers
 */
#subscribers {
  margin: 2px 0;
  padding: 0;
}

#subscribers div.subscriber {
  margin: .4em 0;
  padding: 0;
}

#subscribers div.subscriber img {
  vertical-align: middle;
  margin: 0 5px;
}

#subscribers div.subscriber span {
  font-size: .8em;
}

/**
 * #actions
 */
#actions {
  margin: 1em 0;
  padding: 0;
}

#actions div.action {
  margin: .7em 10px;
  width: 510px;
}

#actions div.action div.content {
  border: 1px solid #dddddd;
  border-radius: 5px;
  margin: 0;
  padding: 10px 10px 5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#actions div.action img.map {
  margin: 0 10px 5px 0;
  display: block;
  float: left;
}

#actions div.action span.note {
  font-size: .8em;
}

#actions div.action div.menubar {
  background-image: url(/images/say.gif);
  background-repeat: no-repeat;
  font-size: .8em;
  text-align: right;
  line-height: 24px;
  margin: 0 0 5px 0;
  padding: 0 10px;
  top: -1px;
  left: 0;
  height: 24px;
  position: relative;
}

#actions div.action div.menubar {
  margin: 0;
  padding: 0 0 0 4px;
}

#actions div.action div.menubar span {
  background-repeat: no-repeat;
  background-position: left center;
  padding: 2px 0 2px 18px; /*16+2px*/
}

#actions div.action div.menubar span.read {
  background-image: url(/images/icons/page_white_magnify.png);
}

#actions div.action div.menubar span.edit {
  background-image: url(/images/icons/page_white_edit.png);
}

#actions div.action div.menubar span.delete {
  background-image: url(/images/icons/page_white_delete.png);
}

#actions div.action div.groupbar {
  margin: .4em 0 0 0;
  padding: 0;
}

#actions div.action div.groupbar div.creator {
  margin: 0;
  padding: 0 5px 0 10px;
  float: left;
}

#actions div.action div.carousel {
  float: left;
}

#actions div.action div.carousel ul {
  margin: 0;
  padding: 0;
}

#actions div.action div.carousel li {
  margin: 0 5px;
  padding: 0;
  float: left;
  list-style-type: none;
}

#actions div.action div.carousel-prev,
#actions div.action div.carousel-next {
  background-image: url(/images/icons/bullet_white.png);
  background-repeat: no-repeat;
  background-position: left center;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 32px;
  float: left;
}

/**
 * #map
 */
#map {
  border: 1px solid #7e9db9;
  margin: 2px 0 4px 0;
  padding: 0;
  width: 490px;
  height: 200px;
}

#map.readonly {
  border: 1px solid #dddddd;
}

/**
 * #pano
 */
#pano {
  border: 1px solid #7e9db9;
  margin: 2px 0 4px 0;
  padding: 0;
  width: 490px;
  height: 200px;
}

#pano.readonly {
  border: 1px solid #dddddd;
}